<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>成都融微软件服务有限公司</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="js/layui/css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/echarts.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="daohang bgff">
        <script>$(".daohang").load("header.html");</script>
    </div>
    <!-- 中间内容-->
    <div class="substance">
        <div class="substance_lf">
            <!-- 左边栏目 -->
            <script>$(".substance_lf").load("left.html");</script>
        </div>
        <div class="substance_rt huibg">
            <!-- 右边的内容 -->
            <!-- 导航 -->
            <div class="rt_tit">
                <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
            </div>
            <div class="bgff mb20">
                <div class=" chose " style="padding-top: 20px;padding-bottom: 5px;">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">用户名：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="dizhi" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">兑换时间：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="dizhi" class="layui-input" id="test1">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">兑换状态：</label>
                            <div class="layui-input-inline">
                                <select name="" id="" class="layui-select">
                                    <option value=""> 请选择 </option>
                                    <option value=""> 状态1 </option>
                                    <option value=""> 状态2 </option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">账号状态：</label>
                            <div class="layui-input-inline">
                                <select name="" id="" class="layui-select">
                                    <option value=""> 请选择 </option>
                                    <option value=""> 状态1 </option>
                                    <option value=""> 状态2 </option>
                                </select>
                            </div>
                        </div>
                        <button class="layui-btn rt"><a href="#" style="color:#fff">重置</a></button>
                        <button class="layui-btn rt"><a href="#" style="color:#fff">查询</a></button>
                    </div>
                </div>
            </div>
            <div class="bgff ">
                <h1 class="index_tit col_lan fnt_16 overflow"> <i class="iconfont icon-icon-1"></i> 项目列表  <button class="layui-btn rt duift"><a href="javascript:;" style="color:#fff">积分兑换</a></button></h1>
                <div class="pad15">
                  
                    <table class="layui-table">
                        <thead>
                            <tr> 
                                <th class="gwc_box"><b id="all_btn"></b> 行号 </th>
                                <th> 人员姓名 </th>
                                <th> 角色权限 </th>
                                <th> 账号状态 </th>
                                <th> 本月采用积分数</th>
                                <th>本月推送积分数 </th>
                                <th> 本月新增积分</th>
                                <th> 已兑换积分</th>
                                <th> 未兑换积分</th>
                                <th> 累计积分</th>
                                <th> 操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>                                           
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>张三</td>
                                <td> 报送员 </td>
                                <td> 正常</td>
                                <td> 100 </td>
                                <td> 100</td>
                                <td>200 </td>
                                <td>50</td>
                                <td>1000</td>
                                <td>2000</td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                </td>
                            </tr>
                            <tr>                                           
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>张三</td>
                                <td> 报送员 </td>
                                <td> 正常</td>
                                <td> 100 </td>
                                <td> 100</td>
                                <td>200 </td>
                                <td>50</td>
                                <td>1000</td>
                                <td>2000</td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                </td>
                            </tr>
                            <tr>                                           
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>张三</td>
                                <td> 报送员 </td>
                                <td> 正常</td>
                                <td> 100 </td>
                                <td> 100</td>
                                <td>200 </td>
                                <td>50</td>
                                <td>1000</td>
                                <td>2000</td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                </td>
                            </tr>
                            <tr>                                           
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>张三</td>
                                <td> 报送员 </td>
                                <td> 正常</td>
                                <td> 100 </td>
                                <td> 100</td>
                                <td>200 </td>
                                <td>50</td>
                                <td>1000</td>
                                <td>2000</td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="22">
                                    <div class="tDiv">

                                        <div class="list-page">
                                            <input type="hidden" id="pageurl" value="c=index">
                                            <!-- $Id: page.lbi 14216 2008-03-10 02:27:21Z testyang $ -->
                                            <div id="turn-page">
                                                <span class="page page_1">总计 <em id="totalRecords">425</em>个记录</span>
                                                <span class="page page_2">分为<em id="totalPages">29</em>页</span>
                                                <!--<span>页当前第<em id="pageCurrent">1</em></span>-->
                                                <span class="page page_3">
                                                    <i>每页</i>
                                                    <input type="text" size="3" id="pageSize" value="15">
                                                </span>
                                                <span id="page-link">
                                                    <a href="?c=index&amp;page=1" class="first" title="第一页"></a>
                                                    <a href="?c=index&amp;page=1" class="prev" title="上一页"></a>
                                                    <select id="gotoPage">
                                                        <option value="1" selected="">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                        <option value="13">13</option>
                                                        <option value="14">14</option>
                                                        <option value="15">15</option>
                                                        <option value="16">16</option>
                                                        <option value="17">17</option>
                                                        <option value="18">18</option>
                                                        <option value="19">19</option>
                                                        <option value="20">20</option>
                                                        <option value="21">21</option>
                                                        <option value="22">22</option>
                                                        <option value="23">23</option>
                                                        <option value="24">24</option>
                                                        <option value="25">25</option>
                                                        <option value="26">26</option>
                                                        <option value="27">27</option>
                                                        <option value="28">28</option>
                                                        <option value="29">29</option>
                                                    </select>
                                                    <a href="?c=index&amp;page=2" class="next" title="下一页"></a>
                                                    <a href="?c=index&amp;page=29" class="last" title="最末页"></a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            <!-- 尾部 -->
            <div class="foot huibg">
                <script>$(".foot").load("foot.html");</script>
            </div>
        </div>
    </div>
    <!-- 弹出框 -->
    <div class="tailoring-container duihuan">
        <div class=" tailoring-contents">
            <h1 class="fnt_24 col_lan cent">积分兑换</h1>
            <div class="close-tailoring" onclick="closeTailor(this)">×</div>
            <div class="duihuan_cont">
                <table class="layui-table">
                    <thead>
                        <tr>                                                                                                              
                            <th> 人员姓名 </th>
                            <th> 登录账号 </th>
                            <th> 当前积分 </th>
                            <th> 兑换积分</th>
                            <th>理由 </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>                                           
                            <td>张三</td>
                            <td> cxycxy01234   </td>
                            <td>2000</td>
                            <td>
                                <div class="Df">
                                    <input type="unmber" class="layui-input Df1" value="2000" class="" style="width:60px;display: inline-block;">
                                    <input value="2000" class="Df2" hidden='hidden'>
                                </div>
                            </td>
                            <td> 
                                <input type="text" class="layui-input">
                            </td>
                        </tr>
                        <tr>                                           
                            <td>张三</td>
                            <td> cxycxy01234   </td>
                            <td>2000</td>
                            <td>
                                <div class="Df">
                                    <input type="unmber" class="layui-input Df1" value="2000" class="" style="width:60px;display: inline-block;">
                                    <input value="2000" class="Df2" hidden='hidden'>
                                </div>
                            </td>
                            <td> 
                                <input type="text" class="layui-input">
                            </td>
                        </tr>
                        <tr>                                           
                            <td>张三</td>
                            <td> cxycxy01234   </td>
                            <td>2000</td>
                            <td>
                                <div class="Df">
                                    <input type="unmber" class="layui-input Df1" value="2000" class="" style="width:60px;display: inline-block;">
                                    <input value="2000" class="Df2" hidden='hidden'>
                                </div>
                            </td>
                            <td> 
                                <input type="text" class="layui-input">
                            </td>
                        </tr>
                        <tr>                                           
                            <td>张三</td>
                            <td> cxycxy01234   </td>
                            <td>2000</td>
                            <td>
                                <div class="Df">
                                    <input type="unmber" class="layui-input Df1" value="2000" class="" style="width:60px;display: inline-block;">
                                    <input value="2000" class="Df2" hidden='hidden'>
                                </div>
                            </td>
                            <td> 
                                <input type="text" class="layui-input">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <a href="#"> 确认兑换 </a>
        </div>
    </div>
    <script src="js/layui/layui.all.js"></script>
    <script>
        $(".Df1").change(function() {
            var dd=$(this).val();
            var cc=$(this).siblings('.Df2').val();
            if(dd==cc){
                $(this).css('color','#666')
            }else{
                $(this).css('color','#FF0000')
            }
        });
         (window.onresize = function () {
            var win_height = $(window).height();
            var win_width = $(window).width();
            if (win_width <= 768) {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": 0
                });
            } else {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": (win_width - $(".tailoring-contents").outerWidth()) / 2
                });
            }
        })();
         //弹出框
         $(".duift").on("click", function () {
            $(".duihuan").toggle();
        });
        //关闭弹出框
        function closeTailor() {
            $(".duihuan").hide();
        }
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test1' , 
            });
        })
        function ifanychecked() {
            var num = $('b.active_true').length;
            if (num > 0) {
                return true;
            }
        }
        //全选
        $('#all_btn').click(function () {
            if ($('#all_btn').html() != '') {
                $('#all_btn').html('');
                $('.gwc_box b.active_btn').html('').removeClass('active_true');
                return false;
            }
            $(this).html('<img src="images/gwc_bg.png"/>');
            $('.gwc_box b.active_btn').html('<img src="images/gwc_bg.png"/>').addClass('active_true');
        });

        //单选
        $('b.active_btn').click(function () {
            if ($(this).html() != '') {
                $(this).html("").removeClass('active_true');
                $('#all_btn').html('');
                return true;
            }
            $(this).html('<img src="images/gwc_bg.png"/>').addClass('active_true');
            if (ifall()) {
                $('#all_btn').html('<img src="images/gwc_bg.png"/>');
            }
        });

        //点击单选，全选判断
        function ifall() {
            var num1 = $('b.active_btn').length;
            var num2 = $('b.active_true').length;
            if (num1 == num2) {
                return true;
            }
        }
    </script>
</body>

</html>